<template>
  <div>
    <div class="groupp_38 flex-coll">
      <div class="banner">
        <div class="groupp_44 flex-roww">
          <div class="textt-groupp_15">
            <span class="textt_544">{{ ba_no }} </span>
            <span class="textt_544">长春人才发展集团有限公司提供技术支持</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex';
export default {
  data() {
    return {
      index_base: [],
    };
  },
  computed: {
    ...mapState(['IndexBase']),
    ba_no() {
      return this.IndexBase ? this.IndexBase.ba_no : null;
    },
    tel() {
      return this.IndexBase ? this.IndexBase.tel : null;
    },
    email() {
      return this.IndexBase ? this.IndexBase.email : null;
    },
    logo() {
      return this.IndexBase ? this.IndexBase.logo : null;
    },
    wx_logo() {
      return this.IndexBase ? this.IndexBase.wx_logo : null;
    },
    app_logo() {
      return this.IndexBase ? this.IndexBase.app_logo : null;
    },
    comp_logo() {
      return this.IndexBase ? this.IndexBase.comp_logo : null;
    },
  },
  methods: {
    taction() {
      this.$router.push("/taction")
    },
    schoolRecruitment() {
      this.$router.push("/schoolRecruitment")
    },
    shehui() {
      this.$router.push("/socialRecruitment")
    },
    jobSearchGuidance() {
      this.$router.push("/ListBusinesses")
    },
    book() {
      this.$router.push("/book")
    },
    joblist() {
      this.$router.push("/joblist")
    },
    teachin() {
      this.$router.push("/teachin")
    },
    jobfair() {
      this.$router.push("/jobfair")
    },
  },
};
</script>

<style scoped>
.banner {
  width: 1200px;
  margin: 0 auto;
}
body * {
  cursor: default;
}
.flex-coll {
  display: flex;
  flex-direction: column;
}

.flex-roww {
  display: flex;
  flex-direction: row;
}

.justify-betweenn {
  display: flex;
  justify-content: space-between;
}

.groupp_38 {
  width: 100%;
  background-color:#2B3852;
  height:90px;
  margin-top: 99px !important;
  overflow: hidden;
}

.groupp_38 .banner {
  background-color:#2B3852;
}

.groupp_43 {
  width: 1199px;
  height: 29px;
  background-color:#2B3852;
  justify-content: space-between;
  margin: 17px 0 59px 14px !important;
}

.boxx_32 {
  width: 229px;
  height: 127px;
  margin-top: 2px;
  background-color:#2B3852;
}

.textt_40 {
  width: 100px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 20px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  background-color:#2B3852;
}

.textt-groupp_14 {
  width: 229px;
  height: 60px;
  margin-top: 43px;
  background-color:#2B3852;
}

.textt_41 {
  width: 229px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  background-color:#2B3852;
}

.textt_42 {
  width: 229px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 12px;
  background-color:#2B3852;
}

.textt-wrapperr_18 {
  width: 80px;
  height: 131px;
  margin: 3px 0 0 -28px;
  background-color:#2B3852;
}

.textt_43 {
  width: 64px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  background-color:#2B3852;
}

.textt_44 {
  width: 80px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 26px;
  background-color:#2B3852;
}

.textt_45 {
  width: 64px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 23px;
  background-color:#2B3852;
}

.textt-wrapperr_19 {
  width: 80px;
  height: 127px;
  margin: 2px 0 0 0px;
  background-color:#2B3852;
}

.textt_46 {
  width: 64px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  background-color:#2B3852;
}

.textt_47 {
  width: 80px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 27px;
  background-color:#2B3852;
}

.textt_48 {
  width: 64px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 23px;
  background-color:#2B3852;
}

.textt-wrapperr_20 {
  width: 64px;
  height: 127px;
  margin: 2px 0 0 0px;
  background-color:#2B3852;
}

.textt_49 {
  width: 64px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  background-color:#2B3852;
}

.textt_50 {
  width: 64px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 27px;
  background-color:#2B3852;
}

.textt_51 {
  width: 64px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 23px;
  background-color:#2B3852;
}

.boxx_33 {
  width: 98px;
  height: 132px;
  margin-left: 193px;
  background-color:#2B3852;
}

.imagee_8 {
  width: 86px;
  height: 86px;
}

.textt_52 {
  width: 48px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 24px;
  margin: 22px 0 0 18px;
  background-color:#2B3852;
}

.boxx_34 {
  width: 88px;
  height: 132px;
  margin-left: 67px;
  background-color:#2B3852;
}

.imagee_9 {
  width: 86px;
  height: 86px;
}

.textt_53 {
  width: 29px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 24px;
  margin: 22px 0 0 32px;
  background-color:#2B3852;
}

.groupp_44 {
  width: 1200px;
  height: 73px;
  margin: -35px 0 0px 145px;
  background-color:#2B3852;
}

.imagee-wrapperr_2 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  height: 77px;
  width: 240px;
  background-color:#2B3852;
  justify-content: center;
  /* align-items: end; */
}

.imagee_10 {
  width: 220px;
  height: 62px;
  /* margin: 32px 0 0 -223px; */
  background-color:#2B3852;
}

.textt-groupp_15 {
  /* width: 633px; */
  width: 958px;
  height: 41px;
  background-color:#2B3852;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  padding-left: 53px;
  box-sizing: border-box
}

.textt_54 {
  display: inline-block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 68px;
  background-color:#2B3852;
}

.textt_544 {
  width: 445px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 45px;
  background-color:#2B3852;
}

.textt_55 {
  width: 618px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 14px;
  background-color:#2B3852;
}

.icon-phone {
  width: 16px;
  background-color:#2B3852;
}
</style>